<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min1.css"/>
		<link rel="stylesheet" type="text/css" href="css/index6.css"/>
		<link rel="icon" href="img/position/favicon.ico" />
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/swiper.min.js"></script>
		
		
	</head>
	<body>
		<header>
			<img src="img/imgxx/menu.png" class="menu"/>
			<div class="menus">
				<p class="li"><a href="index.html">首页</a><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button></p>
				<p class="li"><a href="index5.html">发现</a></p>
					<p class="li1"><a href="">平面</a></p>
					<p class="li1"><a href="">UI</a></p>
					<p class="li1"><a href="">插画</a></p>
					<p class="li1"><a href="">动漫</a></p>
					<p class="li1"><a href="">摄影</a></p>
					<p class="li1"><a href="">空间</a></p>
					<p class="li1"><a href="">工业/产品</a></p>
					<p class="li1"><a href="">三维</a></p>
					<p class="li1"><a href="">手工艺</a></p>
					<p class="li1"><a href="">纯艺术</a></p>
					<p class="li1"><a href="">服装</a></p>
					<p class="li1"><a href="">其他</a></p>
					<p class="li1"><a href="">精选作品</a></p>
					<p class="li1"><a href="">精选文章</a></p>
					<p class="li1"><a href="">精选收藏</a></p>
				<p class="li"><a href="pzk1.html">同城</a></p>
				<p class="li"><a href="position.html">职位</a></p>
					<p class="lis"><a href="">职位</a></p>
					<p class="lis"><a href="">公司</a></p>
					<p class="lis"><a href="">+发布职位</a></p>
				<p class="li"><a href="pzk2.html">活动</a></p>
					<p class="lis"><a href="">设计大赛</a></p>
					<p class="lis"><a href="">公司专题策划</a></p>
					<p class="lis"><a href="">线上活动</a></p>
					<p class="lis"><a href="">线下活动</a></p>
					<p class="lis"><a href="">需为吸引瓶</a></p>
				<p class="li"><a href="index3.html">正版素材</a></p>
					<p class="lis"><a href="index3.html">图片</a></p>
					<p class="lis"><a href="">视频</a></p>
					<p class="lis"><a href="index4.html">字体</a></p>
					<p class="lis"><a href="">音乐</a></p>
				<p class="li"><a href="course.html" target="_blank">课程</a></p>
					<p class="lis"><a href="">正在热销</a></p>
					<p class="lis"><a href="">口碑好课</a></p>
				<p class="li"><a href="">...</a></p>	
					<p class="lis"><a href="榜单.html">榜单</a></p>
					<p class="lis"><a href="设计师.html">设计师</a></p>
					<p class="lis"><a href="站酷APP.html">站酷APP</a></p>
					<p class="lis"><a href="字体库.html">站酷字体</a></p>
			</div>
			<img src="img/imgxx/logo.svg" class="pull-left logo"/>
			<nav class="pull-left">
				<ul class="nav pull-left clearfix">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="index5.html">发现</a>
						<div class="fx">
							<div class="top">
								<div><a href="">平面</a><span>|</span></div>	
								<div><a href="">UI</a><span>|</span></div>	
								<div><a href="">网页</a><span>|</span></div>	
								<div><a href="">插画</a><span>|</span></div>	
								<div><a href="">动漫</a><span>|</span></div>	
								<div><a href="">摄影</a><span>|</span></div>	
								<div><a href="">空间</a><span>|</span></div>	
								<div><a href="">工业/产品</a><span>|</span></div>	
								<div><a href="">三维</a><span>|</span></div>	
								<div><a href="">影视</a><span>|</span></div>	
								<div><a href="">手工艺</a><span>|</span></div>	
								<div><a href="">纯艺术</a><span>|</span></div>	
								<div><a href="">服装</a><span>|</span></div>	
								<div><a href="">其他</a><span>|</span></div>	
											
							</div>
							<hr/>
							<div class="bottom">
								<a href="">精选作品&nbsp;></a>
								<a href="">精选文章&nbsp;></a>
								<a href="">精选收藏&nbsp;></a>
							</div>
						</div>
					
					</li>
					<li><a href="pzk1.html">同城</a></li>
					<li>
						<a href="position.html">职位</a>
						<div class="zw">
							<p><a href="">职位</a></p>
							<p><a href="">公司</a></p>
							<p><a href="">+发布职位</a></p>
						</div>
					</li>
					<li>
						<a href="pzk2.html">活动</a>
						<div class="zw">
							<p><a href="">设计大赛</a></p>
							<p><a href="">公司专题策划</a></p>
							<p><a href="">线上活动</a></p>
							<p><a href="">线下活动</a></p>
							<p><a href="">学习音频</a></p>
						</div>
					</li>
					<li>
						<a href="index3.html">正版素材</a>
						<div class="zw">
							<p><a href="index3.html">图片</a></p>	
							<p><a href="">视频</a></p>
							<p><a href="index4.html">字体</a></p>
							<p><a href="">音乐</a></p>
						</div>
					</li>
					<li>
						<a href="course.html" target="_blank">课程</a>
						<div class="zw">
							<p><a href="">正在热销</a></p>
							<p><a href="">口碑好课</a></p>
						</div>
					</li>
					<li>
						<a href=""></a>
						<div class="zw">
							<p><a href="榜单.html">榜单</a></p>
							<p><a href="设计师.html">设计师</a></p>
							<p><a href="站酷APP.html">站酷APP</a></p>
							<p><a href="字体库.html">站酷字库</a></p>
						</div>
					</li>
				</ul>
			</nav>
			
			<div class="log">
				<a href=""></a>
			</div>
			<div class="log">
				<a href=""></a>
			</div>
			<span><a href="">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="">注册</a></span>
			<div class="search">
				<div class="search_top">
					<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<input type="text" name="" id="" />
					<img src="img/imgxx/seach.svg"/>
				</div>
					<div class="search_bot">
						<div class="search1">热门搜索</div>
						<div class="search2">2019毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">2018毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">我是毕业生</div>
					</div>
			</div>
		</header>
			<section class="section">
			</section>
			<section class="section1">
				<ul class="ul1">
					<li class="active"><a href="">首页</a></li>
					<div><img src="img/imgxx/gang.png"/></div>
					<li><a href="">赛事详情</a></li>
					<div><img src="img/imgxx/gang.png"/></div>
					<li><a href="">全部作品</a></li>
					<div><img src="img/imgxx/gang.png"/></div>
					<li><a href="">讨论组</a></li>
					<div><img src="img/imgxx/gang.png"/></div>
					<li><a href="">上传作品</a></li>
					<div><img src="img/imgxx/gang.png"/></div>
					<li><a href="">C&A官网</a></li>
					<div><img src="img/imgxx/gang.png"/></div>
					<li><a href="">获奖公示</a></li>
				</ul>
				
				<div class="text">
	                            时光回溯到八零年代，<br>
	                            浓浓嬉皮风、动感disco、绚丽波普潮……<br>
	                            那些惊艳了旧时光的文化艺术元素，<br>
	                            如果穿越到今天，将会与「绿色环保」理念产生怎样的碰撞！？<br>
	                            时髦青年召集令！<br>
	                            速速为“复古摩登”与“绿色环保”的融合开启你的无限脑洞！<br>
	                            做引领绿色新时尚的弄潮儿吧~
				</div>
				<div class="_ts">
					<img src="img/imgxx/ts1.png"/>
				</div>

			</section>
							 <!-- Swiper -->
			  <div class="swiper-container">
			    <div class="swiper-wrapper">
			      <div class="swiper-slide">
			      	<img src="img/imgxx/lbt1.png" alt="" />
			      	<div class="intro">
			      		<div class="imgx">
			      			<img src="img/imgxx/he1.png"/>
			      		</div>
			      		<div class="text">
			      			<p class="p1">Felix_勺子</p>
			      			<p class="p2">站酷推荐设计师</p>
			      			<p class="p3">关注</p>
			      		</div>
			      	</div>
			      </div>
			      <div class="swiper-slide">
			      	<img src="img/imgxx/lbt2.png" alt="" />
			      	<div class="intro1">
			      		<div class="imgx">
			      			<img src="img/imgxx/he2.png"/>
			      		</div>
			      		<div class="text1">
			      			<p class="p1">丁几huangding</p>
			      			<p class="p2">站酷推荐设计师</p>
			      			<p class="p3">关注</p>
			      		</div>
			      	</div>
			      </div>
			      <div class="swiper-slide">
			      	<img src="img/imgxx/lbt3.png" alt="" />
			      	<div class="intro2">
			      		<div class="imgx">
			      			<img src="img/imgxx/he3.png"/>
			      		</div>
			      		<div class="text">
			      			<p class="p1">懒羊可乐</p>
			      			<p class="p2">站酷推荐设计师</p>
			      			<p class="p3">关注</p>
			      		</div>
			      	</div>
			      </div>
			      <div class="swiper-slide">
			      	<img src="img/imgxx/lbt4.png" alt="" />
			      	<div class="intro3">
			      		<div class="imgx">
			      			<img src="img/imgxx/he5.png"/>
			      		</div>
			      		<div class="text">
			      			<p class="p1">不在自然博物馆</p>
			      			<p class="p2">站酷推荐设计师</p>
			      			<p class="p3">关注</p>
			      		</div>
			      	</div>
			      </div>
			      <div class="swiper-slide">
			      	<img src="img/imgxx/lbt5.png" alt="" />
			      	<div class="intro">
			      		<div class="imgx">
			      			<img src="img/imgxx/he4.png"/>
			      		</div>
			      		<div class="text">
			      			<p class="p1">YUM汤汤</p>
			      			<p class="p2">站酷推荐设计师</p>
			      			<p class="p3">关注</p>
			      		</div>
			      	</div>
			      </div>
			      <div class="swiper-slide">
			      	<img src="img/imgxx/lbt6.png" alt="" />
			      	<div class="intro6">
			      		<div class="imgx">
			      			<img src="img/imgxx/he6.png"/>
			      		</div>
			      		<div class="text">
			      			<p class="p1">刃一</p>
			      			<p class="p2">站酷推荐设计师</p>
			      			<p class="p3">关注</p>
			      		</div>
			      	</div>
			      </div>
			    </div>
			    <!-- Add Pagination -->
			    <div class="swiper-pagination"></div>
			  </div>
				<!--<swiper>-->
			<div class="img_q1"><img src="img/imgxx/q1.png"/></div>
			<div class="img_q2"><img src="img/imgxx/q2.png"/></div>
			<div class="img_q3"><img src="img/imgxx/q3.png"/></div>
			<div class="img_q4"><img src="img/imgxx/q4.png"/></div>
			<div class="texts">
				<div class="someText">
					A. 请以“绿色新时尚”为主题，为C&amp;A中国进行环保棉产品（T恤/环保袋）图形图案创意设计；<br>
                	B.  创作类别不限、手法不限，包括但不限于字体、平面、插画、摄影作品；<br>
                 	C.  设计需体现 [复古摩登] + [绿色环保] 元素：<br>
                    <span class="pl18">复古摩登：如80年代、波谱、撞色、嬉皮、disco、运动、快餐等元素。<br></span>
                    <span class="pl18">绿色环保：如绿色植物、健康轻食、低碳出行、环保时尚等可持续绿色元素。</span><br>
                    D.  作品内容健康向上，不得抄袭盗用他人作品，不得侵犯第三方著作权；<br>
                   	E.  参赛作者需保留300dpi分辨率可用于印刷生产的位图源文件或矢量文件。
				</div>
				<div class="BtnBox">
					<a href="" class="knowBtn">了解更多</a>
					<a href="" class="knowBtn">下载模板</a>
				</div>
			</div>
			<div class="img_q5"><img src="img/imgxx/q5.png"/></div>
			<div class="img_q6"><img src="img/imgxx/q6.png"/></div>
			<div class="img_q7"><img src="img/imgxx/q71.png"/><img src="img/imgxx/q72.png"/></div>
			<footer>
				<div class="footer1">
					<div class="footer_wrap container">
						<div class="footer_wrap1">         
							<a href=""><span><img src="img/imgxx/app.svg"/></span><img src="img/imgxx/ewm.png"/>移动版</a>
							<a href="">关于我们</a>
							<a href="">加入站酷</a>
							<a href="">用户协议</a>
							<a href="">隐私政策</a>
							<a href="">侵权申诉</a>
							<a href="">企业服务</a>
							<a href="">帮助中心</a>
							<a href="">联系我们</a>
							<a href="">中文</a>
							<a href="">English</a>
						</div>
						<div class="footer_wrap2">
							<a href=""><img src="img/imgxx/ewm2.jpg"/></a>
							<a href=""></a>
						</div>
					</div>
					<div class="footer_tap container">						     
						<p>
						<a href="">京ICP备11017824号-4</a>
						<span>|</span>
						<a href="">京ICP证130164号</a>
						<span>|</span>
						<a href="">京公网安备11010502000501号</a>
						<span>|</span>
						<a href=""> 网络文化经营许可证 京网文[2016]6173-844号</a>
						<span>|</span>
						<a href="">广播电视节目制作经营许可证（京）字第06990号</a>
						</p>
						<p>
						<a href="">营业执照</a>
						<span>|</span>
						<a href="">网上有害信息举报专区</a>
						<span>|</span>
						<a href="">不良信息举报电话：010-56538658</a>
						<span>|</span>
						<a href=""> 举报邮箱 jubao@zcool.com.cn</a>
						<span>|</span>
						<a href="">联系电话：010-56538600</a>
						<span>|</span>
						<a href="">Copyright © 2006-2019 ZCOOL站酷</a>
						</p>
					</div>
				</div>
			</footer>
			<div class="fix">
				<div class="fix_a">
				<a href=""></a>
				<a href=""></a>
				<a href=""></a>
				</div>
			</div>
	</body>
	
	<script type="text/javascript">	
				//header
			//搜索图标点击出现搜索框
				$('.log:first').click(function(e){
					e.preventDefault();
					$('.search').fadeIn(1000);					
//					$(this).fadeOut(1000);
					$(".search input").click(function(e){
						 $(".search").fadeIn(1000);
						 e.stopPropagation();
	    			});
	    			$(window).click(function(e){
				        $(".search").fadeOut(1000);
					});
				});
				$(".log:first").click(function(e){
       				 e.stopPropagation();
    });
				//menus隐藏菜单栏	
				$('.menu').click(function(){
					$('.menus').addClass('menu1')
					
				});
				$('.menus .li button').click(function(){
					$('.menus').removeClass('menu1')
					
				})
				
				//swiper
				  var swiper = new Swiper('.swiper-container', {
				      spaceBetween: 30,
				      centeredSlides: true,
				      autoplay: {
				        delay: 2500,
				        disableOnInteraction: false,
				      },
				      pagination: {
				        el: '.swiper-pagination',
				        clickable: true,
				      },
				      navigation: {
				        nextEl: '.swiper-button-next',
				        prevEl: '.swiper-button-prev',
				      },
				    });
				
	</script>			
				

</html>
